<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家装案例</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/case.css" />
	</head>
	<body>
		<!-- 顶部导航-->
		<div class="nav_title  clearfix">
			<div class="nav_top clearfix">
				<ul>
					<li><a href="javscript:;" class="formdesigner">预约设计师</a></li>
					<li><a href="javscript:;">我要装修</a></li>
					<li><a href="javscript:;">400-665-3707</a></li>
				</ul>
			</div>
		</div>
		<div class="nav">
			<ul>
				<li><a href="index.html" class="home">首页</a></li>
				<li><a href="jzal.html" style="background: url(images/nav-hover.png); color: #fff;">家装案例</a></li>
				<li><a href="knowledge_No2.html">设计团队</a></li>
				<li><a href="jknowledge_No2.html">家装知识</a></li>
				<li><a href="about.html">关于我们</a></li>
			</ul>
		</div>
		<!-- 中间内容-->
		<div class="none"></div>
			<div class="crumbs"><a href="index.html">首页</a>><a href="jzal.html">案例展示</a>><span>日式·舒适港湾</span></div>	
		<div class="wrap">
				<h2 class="title">日式·舒适港湾</h2>
				<div class="content">
					<p>原木色是可以给人安全感和舒适感的自然色系，家，是一个人的港湾，而舒适度是业主
						对家装的一直以来的追求，无论是在室外还是居家生活中，有原木色的存在都会让人感						
						觉到舒适，设计师将业主对于家装的诉求，都在设计师中体现出来，舒适、安逸、对细						
						节设计的出其不意都是对家装最好的诠释。
					</p>
					<p>案例信息：</p>
					<p>项目地址：湘城华府</p>
					<p>项目面积：110m²</p>
					<p>项目风格：日式</p>
					<p>造价：13万</p>
					<p>设计施工单位：柠檬树装饰</p>
					<p>客厅</p>					
					<div class="img"><img src="images/case_img_1.jpg"/></div>
					<p>客厅的空间非常宽敞，设计师将整面墙都设计成原木色，选择了黑色的电视柜，黑色和原木色的
						搭配会给人视觉上的新意，却让整个家都显得有质感。
					</p>										
					<div class="img"><img src="images/case_img_2.jpg""/></div>
					<p>米白色了沙发在原木色的基础上增添了一丝明亮，房子的空间感非常好，电视机的区域可以作为宝宝的游乐场。</p>
					<div class="img"><img src="images/case_img_3.jpg"/></div>
					<p>整个客厅区域看上去，颜色简单，充满了舒适感，落地窗让整个家都在充足的关照中享受一整天的生活。</p>
					<div class="img"><img src="images/case_img_4.jpg"/></div>
					<div class="more"><img src="images/more_.png" /> 加载更多</div>
					<div class="pre">
						<a href="javscript:;" style="color: #666;">[上一篇]　没有了</a>
					</div>
					<div class="next">
						<a href="javscript:;">[下一篇]　现代·折瑾</a>
					</div>
				</div>
		</div>	
						
		<!--底部导航-->
		<div class="footer">
			<div class="aboutus">
				<div class="about">
					<div class="list1">
						<dl>
							<dt>关于我们</dt>
							<dd><a href="about.html">公司介绍</a></dd>
							<dd><a href="about.html">联系我们</a></dd>
							<dd><a href="javscript:;">加入我们</a></dd>
						</dl>
					</div>					
				   <div class="list2">
				   		<dl>
							<dt>留言帮助</dt>
							<dd><a href="javscript:;">网站帮助</a></dd>
							<dd><a href="javscript:;">帮助中心</a></dd>
							<dd><a href="javscript:;">意见反馈</a></dd>
						</dl>
				   </div>				   
				   <div class="list3">
				   		<ul>
				   			<li>客服电话</li>
				   			<li class="tel">4008-665-3707</li>
				   			<li>周一至周日：8：00-22：00</li>
				   			<li>合肥市包河区合工大产业楼</li>
				   		</ul>				   	
				   </div>
				   <div class="contact">
				   		<div class="wechat">
				   			<img src="images/QR_code.jpg" />
				   			<p>官方微信</p>
				   		</div>
				   		<div class="weibo">
				   			<img src="images/QR_code.jpg" />
				   			<p>官方微博</p>
				   		</div>					   		
				   </div>
				</div>
			</div>
		</div>
			<div class="copy">
				<p>Copyright©2006-2017|合肥点设科技有限公司版权所有|皖ICP证130164号</p>
			</div>
		</div>

		<!-- 弹出表单-->
		<div class="formtable" id="formtable2">
			<p>马上登记、立即预约设计师</p>
			<div class="usename formtotal">
				<span class="fominfo">您的称呼</span>
				<input type="text" name="text" placeholder="先生/女士"/>
			</div>
			<div class="phone formtotal">
				<span class="fominfo">手机号码</span>
				<input type="text" name="text" placeholder="请输入手机号码"/>
			</div>
			<div class=" formtotal">
				<span class="fominfo">楼盘信息</span>
				<input type="text" name="text" placeholder="请填写小区名称" class="houseinfo"/>
			</div>
			<div class="housearea formtotal">
				<span class="fominfo">套内面积</span>
				<input type="text" name="text" placeholder="套内面积"/>
				<span class="area">㎡</span>
			</div>
			<div class="appointment formtotal">立即预约</div>
			<div class="close" id="closeform"><img src="images/close.png"/></div>
		</div>
		<div id="maskbg"></div>
		<!--侧边栏-->
		<div class="siderbar">
			<div class="bar">
				<ul>
					<li class="top">返回顶部</li>
					<li class="tel">400-665-3707</li>
					<li class="qq"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=916626570&amp;site=qq&amp;menu=yes&amp;from=message&amp;isappinstalled=0" target="_blank" title="即刻发送您的需求">在线咨询</a></li>					
					<li class="qr_code">
						微信二维码 <br>
						<img src="images/QR_code.jpg" class="qr_code1" />
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.7.min.js" ></script>
		<script>
			$(function() {
				// 悬浮窗口
				$(".siderbar").hover(function() {
					$(".siderbar").css("right", "5px");
					$(".bar .qr_code").css('height', '200px');
				}, function() {
					$(".siderbar").css("right", "-127px");
					$(".bar .qr_code").css('height', '53px');
				});
				// 返回顶部
				$(".top").click(function() {
					$("html,body").animate({
						'scrollTop': '0px'
					}, 300)
				});
			});
			
			//弹出表单js
			var w,h;
			function getScreenWH(){
				w=$(window).width();
				h=$(window).height();
				$("#maskbg").width(w).height(h);
			}
			window.onresize=function(){
				getScreenWH();
			}
			$(window).resize();
			$(function(){
				getScreenWH();					
				//显示弹框
				$('.formdesigner').click(function(){
					className=$(this).attr('class');
					$('#maskbg').fadeIn(300);
					$('#formtable2').fadeIn(300);	
				});
				//关闭弹窗
				$("#closeform").click(function(){
					$('#maskbg').fadeOut(300);
					$('#formtable2').fadeOut(300);					
				});																												
			});
			
		</script>
	</body>
</html>
